<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
	</head>
	<body>
		<form action="" method="post" id="form1">
			可用元素：<input  name="add" value="可用文本框"/><br />
			不可用元素：<input name="email"disabled="disabled" value="不可用文本框"  /><br>
			可用元素：<input  name="che" value="可用文本框"/><br /><br />
			多选框：<br />
			<div>
			<input type="checkbox" name="" id="" value="test1" />test1
			<input type="checkbox" name="" id="" value="test2" />test2
			<input type="checkbox" name="" id="" value="test3" checked="checked"/>test3
			<input type="checkbox" name="" id="" value="test4" />test4
			<input type="checkbox" name="" id="" value="test5" />test5
				
			</div>

			<div></div>
			下拉菜单1：<br />
			<select name="test" multiple="multiple" style="height: 120px;">
				<option value="">浙江</option>
				<option value="">湖南</option>
				<option value="" selected="selected">浙江2</option>
				<option value="">湖南2</option>
				<option value="">浙江3</option>
				<option value="" selected="selected">湖南3</option>
			</select>
			<br />
			<br /><br />
			<br />
			下拉菜单2：<br />
			<select name="test2">
				<option value="">浙江</option>
				<option value="">湖南</option>
				<option value="" selected="selected">浙江2</option>
				<option value="">湖南2</option>
				<option value="">浙江3</option>
				<option value="" selected="selected">湖南3</option>
			</select>
			</form>
			<script>
				$("#form1 input:enabled").val("这里变化了");
				$("#form1 input:disabled").val("这里也变化了");
				var index=$("#form1 input:checked").length;
				alert(index);
			</script>	
	</body>
</html>
